<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>hello world</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		
		  <script type="text/javascript">
        $(function () {
            //没有默认选中的情况
            //先判断radio是否有选中项，再获取选中的值
            //$("#btnclick").click(function () {
                //获取选中项的value属性
               // var chkRadio = $('input:radio[name="list"]:checked').val();
                //if (chkRadio == null) {
                  //  alert("没有选中项");
                   // return false;
               // } else {
                  //  alert(chkRadio+1);
                //}
         //   });

            //有默认选中的情况
            //获取选中项的值，一般采用遍历的方法，判断哪一项选中，获取其value属性的值
            $("#btnclick2").click(function () {
                var chk2 = getRadioValue("list2");
                 var chk1 = getRadioValue("list");
                 var ch3 =chk2*1+chk1*1;
                alert(ch3);
                if (ch3>5) {
                	 alert("你牛逼");
                } else{
                	alert("你傻  逼");
                }
                
            });

            function getRadioValue(radioName) {
                var chkRadio = document.getElementsByName(radioName);
                for (var i = 0; i < chkRadio.length; i++) {
                    if (chkRadio[i].checked)
                        return chkRadio[i].value;
                }
            }

        })
    </script>
</head>
<body>
    <!--
    	作者：z@163.com
    	时间：2015-06-11
    	描述：
   !<div>
        <input type="radio" name="list" value=1 />十分满意
        <input type="radio" name="list" value="2" />满意
        <input type="radio" name="list" value="3" />不满意
        <input type="radio" name="list" value="4" />非常差
    </div>
    <br /> -->
    <div>
        <input type="radio" name="list2" value="1" />十分满意2
        <input type="radio" name="list2" value="2" />满意2
        <input type="radio" name="list2" value="3" />不满意2
        <input type="radio" name="list2" value="4" />非常差2
    </div>
     <div>
        <input type="radio" name="list" value="1" />十分满意
        <input type="radio" name="list" value="2" />满意
        <input type="radio" name="list" value="3" />不满意
        <input type="radio" name="list" value="4" />非常差
    </div>
   
    <input type="button" value="确定" id="btnclick" />
    <input type="button" value="确定2" id="btnclick2" />
</body>
</html>

